<header>{{tabItems[tabIndex]['title']}}</header>
<calc-component show="tabIndex==0"></calc-component>
<setting-component [show]="tabIndex==1" (change)="settingChange()"></setting-component>
<about-component [show]="tabIndex==2">
  
</about-component>
<footer>
  <a *ngFor="let tabItem of tabItems;let i = index" [class.selected]="tabIndex == i" (click)="tabIndex = i" href="javascript:;">
    <span><i [class]="tabItem.icon"></i></span>
    <span>{{tabItem.title}}</span>
  </a>
</footer>